<template>
	<div id="app">
		<router-view class="app_main"></router-view>
	</div>
</template>

<script>
	export default {
		name: 'app',
		methods: {
			removeTodo: function() {
				this.items.splice(index, 1)
			},
			addAtLast: function() {
				//				alert(1,200);
				console.log(3);
				this.menu_s = this.menu_s ? false : true;
			},
			deleteAtTop: function() {
				this.items.shift();
			},
			deleteAtBottom: function() {
				this.items.pop();
			}
		},
		data() {
			return {
				msg: 'Welcome to Your Vue.js App',
				menu_s: false
			}
		},
	}
</script>

<style>
	#app {
		font-family: Microsoft YaHei, Arial, Verdana, sans-serif;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		text-align: center;
		height: 100%;
	}
	
	.app_main {
		min-height: 100%;
	}
</style>